<!doctype html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>Timeside player</title>

        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="translucent-black">
        <meta name="mobile-web-app-capable" content="yes">
        {% block stylesheets %}
        {% load static %}
        <link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}timeside2/dist/styles/main.css" />
        {% endblock stylesheets %}
    </head>
    <body>
      {% block player %}
      <div class="ts-content full"></div>

      <script data-main="{{ STATIC_URL }}timeside2/dist/scripts/main.js" src="{{ STATIC_URL }}timeside2/dist/scripts/require.js"></script>
      {% endblock player %}
    </body>
</html>
